import 'package:flutter/material.dart';
//import 'package:flutter_html/flutter_html.dart';

//import 'package:flutter_html/html_parser.dart';
import 'package:oktoast/oktoast.dart';
import 'package:s_mankey/config/resource_mananger.dart';
import 'package:s_mankey/ui/widget/custom_button.dart';

class CourseDetail extends StatefulWidget {
  CourseDetail({Key key}) : super(key: key);

  @override
  _CourseDetailState createState() {
    return _CourseDetailState();
  }
}

class _CourseDetailState extends State<CourseDetail> {
  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    var datas = {
      "detail":
          "<p><strong>專業教練國際認証課程 - 高級篇/資深篇 ACC/MCC：</strong></p>\r\n\r\n<p>榮獲教練學國際協會頒發教練培訓課程認證最高級別第 4 級教練培訓⾼級認證文憑級別(AADCT)之課程，透過九個月五個單元的培訓，深入學習高階教練學的理論及技巧，並且透過示範及實踐真正內化教練智慧，踏上成為國際認證專業教練的階梯。</p>\r\n\r\n<p><br />\r\n<strong>ACC/MCC內容架構：</strong><br />\r\n九個月共五個單元的培訓，內容包括講師互動及咨詢、高階教練學的理論及實踐、演練示範及練習、參加者分享及寫作功課。除了講師在單元中的授課，並設有線上學習環節，以及專業學院教練團隊的支持。</p>\r\n\r\n<p><br />\r\n<strong>你可以在ACC/MCC中創造的價值：</strong></p>\r\n\r\n<p>- 協助參加者成為國際證可的專業教練</p>\r\n\r\n<p>- 指引團隊及個人技術</p>\r\n\r\n<p>- 以信任及和諧與客戶及指引對象建立合作關係</p>\r\n\r\n<p>- 積極聆聽及引用有力量的問題，從而開始自我醒覺</p>\r\n\r\n<p>- 指引客戶及指引對象去克服普遍的障礙，從而達成理想結果</p>\r\n\r\n<p>- 與不同性格風格的人互動合作，並學習瞭解他們的需要從而力以推動</p>\r\n\r\n<p>- 發展教練指引事業成為獨特及卓越的品牌</p>\r\n\r\n<p><br />\r\n<strong>專業教練國際認証課程 - 高級篇/資深篇 ACC/MCC：&nbsp;&nbsp;</strong><br />\r\n榮獲教練學國際協會頒發教練培訓課程認證最高級別第 4 級教練培訓⾼級認證文憑級別(AADCT)之課程，透過九個月五個單元的培訓，深入學習高階教練學的理論及技巧，並且透過示範及實踐真正內化教練智慧，踏上成為國際認證專業教練的階梯。</p>\r\n\r\n<p><br />\r\n<strong>ACC/MCC內容架構：</strong></p>\r\n\r\n<p>九個月共五個單元的培訓，內容包括講師互動及咨詢、高階教練學的理論及實踐、演練示範及練習、參加者分享及寫作功課。除了講師在單元中的授課，並設有線上學習環節，以及專業學院教練團隊的支持。</p>\r\n\r\n<p><br />\r\n<strong>你可以在ACC/MCC中創造的價值：</strong></p>\r\n\r\n<p>- 協助參加者成為國際證可的專業教練</p>\r\n\r\n<p>- 指引團隊及個人技術</p>\r\n\r\n<p>- 以信任及和諧與客戶及指引對象建立合作關係</p>\r\n\r\n<p>- 積極聆聽及引用有力量的問題，從而開始自我醒覺</p>\r\n\r\n<p>- 指引客戶及指引對象去克服普遍的障礙，從而達成理想結果</p>\r\n\r\n<p>- 與不同性格風格的人互動合作，並學習瞭解他們的需要從而力以推動</p>\r\n\r\n<p>- 發展教練指引事業成為獨特及卓越的品牌</p>\r\n",
      "title": "ACCMCC",
      "create_time": "2020-11-09",
      "fee": "70800.0",
      "currency": "HKD",
      "course_code": "ACCMCC201109HK",
      "type_short_desc":
          "榮獲教練學國際協會頒發教練培訓課程認證最高級別第 4 級教練培訓⾼級認證文憑級別(AADCT)之課程，透過九個月五個單元的培訓，深入學習高階教練學的理論及技巧，並且透過示範及實踐真正內化教練智慧，踏上成為國際認證專業教練的階梯。",
      "type_photo_link":
          "https://api.in-monkeys.com/course_picture/ACCMCC_m_s.jpg?t=201908111930",
      "data_list": [
        {
          "fee": "70800.0",
          "course_date": "2020-11-09",
          "course_code": "ACCMCC201109HK"
        }
      ]
    };
    return Scaffold(
      appBar: AppBar(
        title: Text('课程详情'),
      ),
      body: ListView(
        children: [
          Container(
            padding: EdgeInsets.fromLTRB(10, 15, 10, 15),
            color: Colors.grey,
            child: Row(
              children: [
                Container(
                  height: 104,
                  width: 83,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.all(Radius.circular(2)),
                      image: DecorationImage(
                          image: NetworkImage(datas['type_photo_link']),
                          fit: BoxFit.fill)),
                ),
//                Image.network(
//                  datas['type_photo_link'],
//                  width: 83,
//                  height: 104,
//                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.fromLTRB(10, 10, 0, 10),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        datas['title'],
                        style: TextStyle(
                            color: Colors.white, fontSize: AppFontSize.Size14),
                      ),
                      SizedBox(
                        height: 15,
                      ),
                      Text(
                        datas['type_short_desc'],
                        maxLines: 3,
                        overflow: TextOverflow.ellipsis,
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: AppFontSize.Size14,
                        ),
                      ),
                    ],
                  ),
                )),
              ],
            ),
          ),
//          Html(data: datas['detail']),


             CustomButton(
              margin: const EdgeInsets.fromLTRB(60,30,60,30),
              widgt: 50.0,
              height: 44.0,
              title: '开课时间: ${datas['create_time']}',
              radius: 30.0,
              borderColor: Colors.grey,
            ),

        ],
      ),
    );
  }
}
